/* paramSetting.scss */
@charset "UTF-8";
@import "common/var";
@import "mixins/mixins";

@include b(paramSetting) {
    width: 400px;
    flex: 1;
    padding: 20px;
    color: $--color-font;
    overflow-y: auto;
    .checkContent {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
    }
    .sliderContent, .panelContent {
        width: 100%;
        display: flex;
        flex-direction: column;
        .sliderItem {
        width: 100%;
        display: flex;
        align-items: center;
        padding: 5px 0;
        .el-slider {
            flex: 1;
        }
        .percent {
            width: 55px;
            text-align: center;
            margin-left: 15px;
            border-radius: 8px;
            border: 2px solid rgba($color: $--color-primary, $alpha: 1);
        }
        }
    }
    .panelContent {
        span:nth-of-type(1) {
        width: 105px;
        text-align: right;
        }
    }
}